<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>家装</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div class="container">
        <!-- 大图 -->
        <div class="bg">
            <img src="img/header_bg.png" alt="">
        </div>
        <!-- 优惠券 -->
        <div class="coupon">
            <ul class="ticket">
                <li>
                    <span>￥</span>
                    <img src="img/5.png" alt="">
                    <i>无门槛</i>
                    <p>限量1500张</p>
                    <button>点击领取</button>
                    <div></div>
                </li>
                <li>
                    <span>￥</span>
                    <img src="img/10.png" alt="">
                    <!-- <i>无门槛</i> -->
                    <p>满500使用</p>
                    <button>点击领取</button>
                    <div></div>
                </li>
                <li>
                    <span>￥</span>
                    <img src="img/20.png" alt="">
                    <!-- <i>无门槛</i> -->
                    <p>满800使用</p>
                    <button>点击领取</button>
                    <div></div>
                </li>
                <li>
                    <span>￥</span>
                    <img src="img/30.png" alt="">
                    <!-- <i>无门槛</i> -->
                    <p>满1000使用</p>
                    <button>点击领取</button>
                    <!-- <div></div> -->
                </li>
            </ul>
        </div>
        <!-- 流行趋势 -->
        <div class="fashion">
            <span>时尚潮流款</span>
            <span>流行趋势</span>
            <p>GORGEOUS COLOUR OF</p>
        </div>
        <!-- 商品 -->
        <ul class="commodity">
            <li>
                <img src="img/矩形 5 副本.png" alt="">
                <div class="title">
                    <span class="text">现代布艺沙发</span>
                    <h3>进口白橡木材质</h3>
                    <div class="title_box title_one">
                        <span>
                            棉麻<br>
                            布料
                        </span>
                    </div>
                    <div class="title_box title_two">
                        <span>
                            实木<br>
                            架子    
                        </span>
                    </div>
                    <div class="title_box title_thr">
                        <span>
                            健康<br>
                            环保
                        </span>
                    </div>
                    <i>安全放心的材质</i>
                    <div class="snap_up">
                        <span>￥</span>
                        <img src="img/188.png" alt="">
                        <button>
                            <span>
                                立即抢购
                            </span>
                        </button>
                    </div>
                </div>
            </li>
            <li>
                <div class="title">
                    <span class="text">现代布艺沙发</span>
                    <h3>进口白橡木材质</h3>
                    <div class="title_box title_one">
                        <span>
                            棉麻<br>
                            布料
                        </span>
                    </div>
                    <div class="title_box title_two">
                        <span>
                            实木<br>
                            架子    
                        </span>
                    </div>
                    <div class="title_box title_thr">
                        <span>
                            健康<br>
                            环保
                        </span>
                    </div>
                    <i>安全放心的材质</i>
                    <div class="snap_up">
                        <span>￥</span>
                        <img src="img/188.png" alt="">
                        <button>
                            <span>
                                立即抢购
                            </span>
                        </button>
                    </div>
                </div>
                <img src="img/图层 16.png" alt="">
            </li>
            <li>
                <img src="img/图层 17.png" alt="">
                <div class="title">
                    <span class="text">现代布艺沙发</span>
                    <h3>进口白橡木材质</h3>
                    <div class="title_box title_one">
                        <span>
                            棉麻<br>
                            布料
                        </span>
                    </div>
                    <div class="title_box title_two">
                        <span>
                            实木<br>
                            架子    
                        </span>
                    </div>
                    <div class="title_box title_thr">
                        <span>
                            健康<br>
                            环保
                        </span>
                    </div>
                    <i>安全放心的材质</i>
                    <div class="snap_up">
                        <span>￥</span>
                        <img src="img/188.png" alt="">
                        <button>
                            <span>
                                立即抢购
                            </span>
                        </button>
                    </div>
                </div>
            </li>
        </ul>
        <!-- 热销爆款 -->
        <div class="hot_cake">
            热<i>|</i>销<i>|</i>爆<i>|</i>款
        </div>
        <!-- 爆款商品 -->
        <div class="hot_commodity">
            <ul class="hot">
                <li>
                    <img src="img/爆款.png" alt="">
                    <div class="text">
                        <span class="safeguard">品质保障30年</span>
                        <p>给温暖舒适的家</p>
                        <div class="text_btn">
                            <div>￥</div>
                            <img src="img/188.png" alt="">
                            <button>
                                    <span>立即抢购</span>
                            </button>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="img/爆款.png" alt="">
                    <div class="text">
                        <span class="safeguard">品质保障30年</span>
                        <p>给温暖舒适的家</p>
                        <div class="text_btn">
                            <div>￥</div>
                            <img src="img/188.png" alt="">
                            <button>
                                    <span>立即抢购</span>
                            </button>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="img/爆款.png" alt="">
                    <div class="text">
                        <span class="safeguard">品质保障30年</span>
                        <p>给温暖舒适的家</p>
                        <div class="text_btn">
                            <div>￥</div>
                            <img src="img/188.png" alt="">
                            <button>
                                    <span>立即抢购</span>
                            </button>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="img/爆款.png" alt="">
                    <div class="text">
                        <span class="safeguard">品质保障30年</span>
                        <p>给温暖舒适的家</p>
                        <div class="text_btn">
                            <div>￥</div>
                            <img src="img/188.png" alt="">
                            <button>
                                    <span>立即抢购</span>
                            </button>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="img/爆款.png" alt="">
                    <div class="text">
                        <span class="safeguard">品质保障30年</span>
                        <p>给温暖舒适的家</p>
                        <div class="text_btn">
                            <div>￥</div>
                            <img src="img/188.png" alt="">
                            <button>
                                    <span>立即抢购</span>
                            </button>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="img/爆款.png" alt="">
                    <div class="text">
                        <span class="safeguard">品质保障30年</span>
                        <p>给温暖舒适的家</p>
                        <div class="text_btn">
                            <div>￥</div>
                            <img src="img/188.png" alt="">
                            <button>
                                    <span>立即抢购</span>
                            </button>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <!-- 潮流 -->
        <div class="trend">
            <!-- 流行趋势 -->
            <div class="fashion fash_comm">
                <span>时尚潮流款</span>
                <span>流行趋势</span>
                <p>GORGEOUS COLOUR OF</p>
            </div>
            <!-- 商品 -->
            <ul class="trend_product">
                <li>
                    <img src="img/图层 18.png" alt="">
                    <div class="text">
                        <h2>现代小情调</h2>
                        <span>（布艺沙发）</span>
                        <p>极简百搭的毛织连衣裙<br>
                            黑红两色均有着显瘦修饰脸部光泽的特点<br>
                            搭配一个毛衣链<br>
                            你便是阳光下的妩媚魔鬼
                        </p>
                        <div class="price">
                            <span>RMB826</span>
                            <span>RMB359</span>
                        </div>
                    </div>
                    <img src="img/吊灯1.png" alt="">
                    <img src="img/沙发.png" alt="">
                </li>
                <li>
                    <img src="img/吊灯.png" alt="">
                    <div class="text">
                        <h2>现代小情调</h2>
                        <span>（布艺沙发）</span>
                        <p>极简百搭的毛织连衣裙<br>
                            黑红两色均有着显瘦修饰脸部光泽的特点<br>
                            搭配一个毛衣链<br>
                            你便是阳光下的妩媚魔鬼
                        </p>
                        <div class="price">
                            <span>RMB826</span>
                            <span>RMB359</span>
                        </div>
                    </div>
                    <img src="img/小沙发.png" alt="">
                    <img src="img/图层 12 副本.png" alt="">
                </li>
            </ul>
            <!-- 桌子 -->
            <ul class="desk">
                <li>
                    <img src="img/最后桌子.png" alt="">
                    <h2>现代小情调</h2>
                    <span>RMB826</span>
                    <span>RMB359</span>
                </li>
                <li>
                    <img src="img/最后桌子.png" alt="">
                    <h2>现代小情调</h2>
                    <span>RMB826</span>
                    <span>RMB359</span>
                </li>
                <li>
                    <img src="img/最后桌子.png" alt="">
                    <h2>现代小情调</h2>
                    <span>RMB826</span>
                    <span>RMB359</span>
                </li>
                <li>
                    <img src="img/最后桌子.png" alt="">
                    <h2>现代小情调</h2>
                    <span>RMB826</span>
                    <span>RMB359</span>
                </li>
            </ul>
        </div>
        <!-- 底部 -->
        <div class="footer"></div>
    </div>
</body>
</html>